<script setup lang="ts">

</script>

<template>
<div class="hm-content">

</div>
</template>

<!-- style 上添加了 scoped 之后
    当前这个组件内部的元素，会自动添加一个
    data-v-hash 的自定义属性
    并且 css 的选择器会变为 属性选择器
    比如 div{} 会变成 div[data-v-hash]{}
    每个组件的 data-v-hash 中的 hash 值是不同的
    就可以实现每个组件都有自己独立的样式，互不干扰
-->
<style scoped>
.hm-content{
    height: 400px;
    background-color: orange;
}
</style>
